<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

		<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<title>好友邀请礼包领取</title>
	</head>
	<style>
		body,
		html {
			padding: 0;
			margin: 0;
			font-size: 20px;
		}
		
		a {
			text-decoration: none;
			color: black;
		}
		
		p {
			height: 20px;
			line-height: 20px;
		}
		.word{
			width: 70%;
			font-size: 14px;
			margin-left: 10%;
		}
		#coupon {
			width: 80%;
			margin-top: 120px;
			margin-left: 10%;
			background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
			border-radius: 20px;
			color: white;
		}
	</style>

	<body>
		<table style="height: 45px;width: 100%; background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);">
		</table>
		<div id="coupon" align="center">
			</br><p style="font-size: 25px;">好友邀请礼券</p>
			<img  src="icon/7.png" style="width: 70%;margin-top: 20px;">
			<p style="font-size: 15px;">恭喜你</p>
			<p style="font-size: 15px;">成功领取好友礼券</p></br>
		</div>
		</br>
		<p class="word">* 礼券已存入您的账户</p>
		<p class="word">* 请登陆xxx平台查收</p>
		<p class="word">1.微信搜索关注服务号:xxx</p>
		<p class="word">2.点击菜单栏上的*xxx*按钮</p>
		<p class="word">3.选择性别及漂茶地区</p>
		<p class="word">4.即刻开始漂茶之旅</p>
	</body>

</html>